<template>
    <div class="topup-box">
        <nav-bar title="常见问题" fixed='fixed' />
        <div class="content" v-if="details">
            <div class="title">{{details.title}}</div>
            <div class="time">{{details.update_time}}</div>
            <div class="article" v-html="details.content"></div>
        </div>
    </div>
</template>
<script>
export default {
  name: 'questionList',
  data() {
    return {
      details: null
    };
  },
  created() {
    this.getDetails();
  },
  mounted() {},
  methods: {
    getDetails() {
      this.$API.global.getQuestionDetails({
        id: this.$route.query.id
      }).then(res => {
        if (!res.code) {
          this.details = res.data;
        }
      });
    }
  }
};
</script>
<style lang="less" scoped>
    .content {
        min-height: 100%;
        margin-top: 20px;
        padding: 20px 30px;
        background: #ffffff;

        .title {
            font-size: 36px;
            color: #333333;
            display: flex;
            align-items: center;
        }

        .time {
            color: #999999;
            text-align: center;
            margin-top: 20px;
            font-size: 24px;
        }

        .article {
            margin-top: 40px;
            line-height: 40px;
            font-size: 30px;
            color: #555555;
        }
    }
</style>
